<script>
export default {
  name: "账号登录组件",
  data() {
    return {
        account: '',
        password: ''
    }
  },
  activated() {
    console.log( '账号登录组件被激活' );
  },
  deactivated() {
    console.log( '账号登录组件被雪藏' );
  }
};
</script>

<template>
  <div>
    <h3>用账号登录</h3>
    <el-input v-model="account" placeholder="请输入您的登录账号">
        <template #prepend>登录账号:</template>
    </el-input>
    <el-input type="password" v-model="password" placeholder="请输入您的登录密码">
        <template #prepend>登录密码:</template>
    </el-input>
  </div>
</template>

<style>
</style>